<template>
  <div id="aboutme">
    <div class="mycard">
      <p class="title">关于本站</p>
      <div class="content">
         本网站是我个人的项目，其中包含了我个人整理的资料以及所发布的项目。<br/>
         可以随意转载。
      </div>
    </div>
    <div class="mycard">
      <p class="title">技术交流</p>
      <div class="content">
         欢迎各位coder添加我的联系方式，我们可以互相交流一下。<br/>
         添加请备注"博客添加"。<br/>
         <ul>
             <li>Wechat:Xdq752779816</li>
             <li>QQ:752779816</li>
             <li>gitee:<a href="https://gitee.com/coderxdq">https://gitee.com/coderxdq</a>(不常用)</li>
             <li>github:<a href="https://github.com/CodeXdq">https://github.com/CodeXdq</a></li>
         </ul>
      </div>
    </div>
        <div class="mycard">
      <p class="title">责任说明</p>
      <div class="content">
         本网站的内容有摘录自其他地方，均有标注出处。<br/>
         若有疏忽的地方，请联系本人更改。<br/>
      </div>
    </div>
     <footer-showtime style="margin-top:100px"></footer-showtime>
  </div>
</template>

<script>
import FooterShowtime from '../components/footerShowTime/footerShowtime.vue';

export default {
  name: "aboutme",
  components:{
      FooterShowtime
  }
};
</script>

<style  scoped>
#aboutme {
  widows: 100VW;
  margin-top: 40px;
}
p {
  margin: 0px;
  padding: 0px;
}
.title {
  font-family: "Alliance No.1", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 2.1rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  color: black;
  max-width: 900px;
}
.mycard{
  width: 70vw;
  padding-left: 17.5vw;
  padding-right: 12.5vw;
  max-width: 800px;
  margin-top: 30px;
}
.mycard .title{
  margin-bottom: 20px;
}
.mycard .content{
  color:#1c1e21;
  line-height: 1.7rem;
  letter-spacing: .1rem;
}
.mycard ul{
  margin-left: 5%;
  margin-top: 20px;
}
</style>
